@charset "UTF-8";
%sprite{
  display: inline-block;
  background: url("../../images/icon.png") no-repeat;
  text-indent: -9999px;
}
// 实名认证
.v-name{
  width: 19px;
  height: 16px;
  @extend %sprite;
  margin-left: 5px;
}
// 职业认证
.v-prof{
  position: relative;
  top: -2px;
  width: 16px;
  height: 12px;
  @extend %sprite;
  background-position: -2px -19px;
}
// 邮箱图标
%email{
  position: relative;
  top: 1px;
  width: 14px;
  height: 12px;
  @extend %sprite;
}
.icon-email{
  @extend %email;
  background-position: -3px -41px;
}
.icon-msg{
  @extend %email;
  background-position: -3px -79px;
}
//.btn-link{
//  .icon-msg{
//    @extend %email;
//    background-position: -3px -79px;
//  }
//  &:hover{
//    .icon-msg {
//      @extend %email;
//      background-position: -3px -61px;
//    }
//  }
//}


// 收藏
%icon-collect{
  position: relative;
  top: 1px;
  width: 18px;
  height: 17px;
  @extend %sprite;
}
.icon-collect{
  @extend %icon-collect;
  background-position: -1px -95px;
}
.icon-collected{
  @extend %icon-collect;
  background-position: -1px -118px;
}


// 喜欢
%icon-love{
  position: relative;
  top: 6px;
  width: 18px;
  height: 20px;
  @extend %sprite;
}
.icon-love{
  @extend %icon-love;
  background-position: -1px -139px;
}
.icon-loved{
  @extend %icon-love;
  background-position: -1px -159px;
}
// 分享
.icon-share{
  position: relative;
  top: 2px;
  width: 18px;
  height: 20px;
  @extend %sprite;
  background-position: -1px -181px;
}


// 专栏角标
%mark{
  position: absolute;
  right: 0;
  bottom: 0;
  width: 57px;
  height: 57px;
  @extend %sprite;
}
.col-mark{
  @extend %mark;
  background-position: -29px 0px;
}
// 小组角标
.group-mark{
  @extend %mark;
  background-position: -88px 0px;
}


// 第三方分享

.icon-share-jx, .icon-share-sina, .icon-share-tqq, .icon-share-qzone, .icon-share-renren, .icon-share-douban, .icon-share-wechat, .icon-share-qq {
  background-image: url('../images/icon_share.png');
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  width: 32px;
  height: 32px;
  -webkit-transition: background-position .2s linear;
  -moz-transition: background-position .2s linear;
  -o-transition: background-position .2s linear;
  transition: background-position .2s linear;
}

.icon-share-jx {
  background-position: 0 -32px;
  //&:hover {
  //  background-position: 0 0;
  //}
}

.icon-share-sina {
  background-position: 0 -99px;
  //&:hover {
  //  background-position: 0 -66px;
  //}
}

.icon-share-tqq {
  background-position: 0 -165px;
  //&:hover {
  //  background-position: 0 -132px;
  //}
}

.icon-share-qzone {
  background-position: 0 -231px;
  //&:hover {
  //  background-position: 0 -198px;
  //}
}

.icon-share-renren {
  background-position: 0 -297px;
  //&:hover {
  //  background-position: 0 -264px;
  //}
}

.icon-share-douban {
  background-position: 0 -364px;
  //&:hover {
  //  background-position: 0 -330px;
  //}
}

.icon-share-wechat {
  background-position: 0 -430px;
  //&:hover {
  //  background-position: 0 -396px;
  //}
}

// 微信第三方分享重置盒子边框
.bsBox {
  box-sizing: content-box;
}

.icon-share-qq {
  background-position: 0 -496px;
  //&:hover {
  //  background-position: 0 -462px;
  //}
}